<div *ngIf="type == 'error'" class="tip-loading" style="text-align: center;
    width: 100%;
    padding: 0 5%;
    position: fixed;
    box-sizing: border-box;">
  <p class="error" [ngClass]="{'tip-show':show, 'tip-hide': !show}">
    <i class="fa fa-times-circle" aria-hidden="true" style="font-size: 1.2em"></i> {{msg}}
  </p>
</div>

<div *ngIf="type == 'success'" class="tip-loading" style="text-align: center;
    width: 100%;
    padding: 0 5%;
    position: fixed;
    box-sizing: border-box;">
  <p class="success" [ngClass]="{'tip-show':show, 'tip-hide': !show}">
    <i class="fa fa-check-circle" aria-hidden="true" style="font-size: 1.2em"></i> {{msg}}
  </p>
</div>

